<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<script type="text/javascript">
  $(function(){
	  var url="${base}system/sysUser/userList";
	  initBsTable("datagrid",{
	  url:url,
	  columns : [{align : 'center',valign : 'middle',checkbox:true,width:'20px'},
				        {field:'userName',title:'姓名',width:80,sortable:true,valign:'middle',formatter:function(v,r,d){return '<a href="'+'#'+'" >'+v+'</a>';}}, 
				        {field:'userAccount',title:'系统账号',width:100,sortable:true,valign:'middle'},
				        {field:'deptAbbr',title:'机构部门',width:100,sortable:true,valign:'middle'},
				        {field:'roleList',title:'已分配角色',width:100,sortable:true,valign:'middle'},
				        {field:'tel',title:'联系电话',width:100,sortable:true,valign:'middle'},
				        {field:'email',title:'邮箱地址',width:150,sortable:true,valign:'middle'}
				        ]});
        $("#addBtn").click(function(){
        	_ajaxHtml("${base}system/sysUser/addPage",function(data){
        		$("div[data-modal-leve=1]").remove();
        		$("#main_content").append(data);
        		window.scrollTo(0,document.getElementById("dialog-box").offsetTop);
        	});
        });        
});
 
</script>
<div>
  <div id="custom-condition">
   <form>
		<div class="box box-primary box-condition">
            <div class="box-header with-border">
              <button type="button" class="btn btn-box-tool box-title" data-widget="collapse">查询条件 <i class="fa fa-angle-double-down"></i></button>
              <div class="box-tools pull-right">
                <button type="button" class="btn btn-md btn-default" data-condition="reset" ><i class="fa fa-eraser"></i>重置 </button>
                <button type="button" class="btn btn-md btn-info"  data-condition="search" ><i class="glyphicon glyphicon-search"></i>查询 </button>
              </div>
            </div>
            <div class="box-body">
             <div class="form-inline">
                    <div class="col-sm-3 form-condition"><label class="condition-label visible-lg-inline-block">姓名：</label><input type="text" name="params['userName']" class="form-control" placeholder="姓名模糊查询"/></div>
                    <div class="col-sm-3 form-condition"><label class="condition-label visible-lg-inline-block">账号：</label><input type="text" name="params['userAccount']" class="form-control" placeholder="账号模糊查询"/></div>
                    <div class="col-sm-3 form-condition"><label class="condition-label visible-lg-inline-block">邮箱：</label><input type="text" name="params['email']" class="form-control" placeholder="邮箱模糊查询" /></div>
                    <div class="col-sm-3 form-condition"><label class="condition-label visible-lg-inline-block">部门：</label>
                <select name="params['deptId']"  class="form-control" placeholder="部门" style="width:54%;">
                  <option>Alabama</option>
                  <option>Alaska</option>
                  <option>California</option>
                  <option>Delaware</option>
                </select>
                 </div>
              </div>
              <div style="clear:both;"></div>
              <div class="form-inline" id="condition-more">
                     <!--  此处高级查询条件 -->
                     
              </div>
          </div>
  </div>
    </form>
    </div>
  <div id="custom-toolbar">
     <div class="form-inline">
	     	 <button  class="btn btn-sm btn-success " id="addBtn"><span class="glyphicon glyphicon-plus"></span>添加</button>
	     	 <button  class="btn btn-sm btn-primary disabled select-one" id="updateBtn"><span class="glyphicon glyphicon-pencil"></span>编辑</button>
	     	 <button  class="btn btn-sm btn-primary disabled select-one" id="pwdBtn"><span class="glyphicon glyphicon-wrench"></span>重置密码</button>
         	 <button  class="btn btn-sm btn-danger disabled select-multi" id="deleteBtn"><span class="glyphicon glyphicon-remove"></span>删除</button>
    	</div>
  </div>
    <table id="datagrid"> </table>
</div>
 